<template>
  <section class="CustomerssList-container">
    <el-table :data="customerss" style="width: 100%" size="medium">
      <el-table-column width="90">
        <template slot="header">
          <slot name="action-bar">
            <i class="iconfont icon-icon_xinzeng" />
          </slot>
        </template>
        <template slot-scope="scope">
          <slot name="row-action-bar" :row="scope.row"></slot>
        </template>
      </el-table-column>
      <el-table-column type="index" width="40px" align="center" />
      <el-table-column label="客户名称" prop="name"></el-table-column>
      <el-table-column label="联系人姓名" prop="contacts_name">
      </el-table-column>
      <el-table-column
        label="联系人电话"
        prop="contacts_mobile"
      ></el-table-column>
      <el-table-column label="创建时间" prop="create_date"></el-table-column>
      <el-table-column label="备注" prop="remark"></el-table-column>
    </el-table>
  </section>
</template>

<script>
export default {
  props: ["customerss"],
  data() {
    return {
      loading: false,
    };
  },
  methods: {},
  mounted() {},
};
</script>

<style scoped lang="scss">
.CustomerssList-container {
  .name-panel {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: auto;

    .icon {
      background: white;
      padding: 2px;
      margin-left: 2px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 0 0.2rem #999;
      overflow: hidden;
    }

    .content {
      margin-left: 10px;

      .title {
        font-size: 2rem;
        margin-bottom: 5px;
        font-weight: bold;
      }

      .tag {
      }

      .name-admin {
        margin-right: 5px;
      }
    }
  }
}
</style>
